﻿BODY
{
	margin: 0px;
	vertical-align: text-top;
	font-family: Verdana;
	background-color: white;
	text-align: left;
	font-size: 12px;
	height: 100%;
	width:100%;
	color:Black;
scrollbar-face-color: #006287; 
scrollbar-highlight-color: white; 
scrollbar-shadow-color: #cccccc; 
scrollbar-3dlight-color: white; 
scrollbar-arrow-color: #cccccc; 
scrollbar-track-color: white; 
scrollbar-darkshadow-color: white;

}


div.sMenuOff a
{
	color: #215589; font-size:13px; word-spacing:30px; text-decoration:none;
}
div.sMenuOff a:active {
	color: #215589;text-decoration:none;
}
div.sMenuOff a:visited {
	color: #215589;text-decoration:none;
}
div.sMenuOff a:link {
	color: #215589;text-decoration:none;
}
div.sMenuOn a
{
	color: #006287; font-size:13px; word-spacing:30px; text-decoration:none;
}
div.sMenuOn a:active {
	color: #006287;text-decoration:none;
}
div.sMenuOn a:visited {
	color: #006287;text-decoration:none;
}
div.sMenuOn a:link {
	color: #006287;text-decoration:none;
}
.ToolBar
{
	height: 25px;
	background-color: whitesmoke;
	width: 100%;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	margin-bottom:5px;
}
.ToolBar A
{
	color: #3399ff; font-size:13px; word-spacing:30px;
}
.ToolBar A:active {
	color: #3399ff;
}
.ToolBar A:visited {
	color: #3399ff;
}
.ToolBar A:link {
	color: #3399ff;
}
.MessageBox
{
	height: 25px;
	background-color: lightgoldenrodyellow;
	width: 100%;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom:5px;
	overflow: visible;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	padding-top: 5px;
	margin-bottom:5px;
}
.ErrorBox
{
	height: 200px;
	width:500px;
	background-color: lightgoldenrodyellow;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom:5px;
	overflow: visible;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	padding-top: 5px;
	margin-left:100px;
	margin-top:30px;
	}
	.ErrorBox SPAN
{
	 color:Gray;
	 font-size:small;
	 font-weight:bolder;
	}
.MessageBox SPAN
{
	font-size: 13pt;
	color: #ff9966;
}
.CalenderStyle
{
	background-image:url(../../images/icon/date.gif);
	 border:solid 0px #ffffff;
	 width:16px;
	 height:16px;
	}
.SearchHeader
{
	background-color: whitesmoke;
}
.Search
{
	margin-bottom:5px;
}

 TD SELECT
{
	width: 150px;
}
.Search TD
{
	padding-left:5px;
	}

.SearchStyle
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	background-color: whitesmoke;
	margin-bottom:5px;
	 padding-top:5px;
	 padding-bottom:5px;
	}

TD A
{
	color: #3399ff; font-size:12px;  WORD-BREAK:   keep-all;
}
TD A:active {
	color: #3399ff;
	font-size:12px; WORD-BREAK:   keep-all;
}
TD A:visited {
	color: #3399ff;
	font-size:12px; WORD-BREAK:   keep-all;
}
TD A:link {
	color: #3399ff;
	font-size:12px; WORD-BREAK:   keep-all;
}
td
{
	WORD-BREAK:   keep-all;
	font-size:12px;
}
th
{
 white-space:nowrap;
 font-size:12px;
  WORD-BREAK:   keep-all;
   
	}
th A
{
	color: #3399ff; font-size:12px; 
	
}
th A:active {
	color: #3399ff;
	font-size:12px;
}
th A:visited {
	color: #3399ff;
	font-size:12px;
}
th A:link {
	color: #3399ff;
	font-size:12px;
}
	
	.OverRow
{
	background-color: whitesmoke;
	font-size:12px;
	
}
.SelectedRow
{
	background-color: lightgoldenrodyellow;
	font-size:12px;
}
.Row
{
	background-color: #ffffff;
	 font-size:12px;
}
.AlternatingRow
{
	background-color: whitesmoke;
	font-size:12px;
}
.HeaderRow
{
	background-color: whitesmoke;
	color: dimgray;
	font-weight: bold;
border:solid 1px  #cccccc;
}

.HeaderRow a
{
	color: #3399ff; font-size:13px;  text-align:left;
}
.PagerRow
{
	background-color: whitesmoke;
}
.TopPagerRow
{
background-color: whitesmoke;
/*position:relative;*/
background-color:whitesmoke;
/*top: expression(document.getElementById("div-SmartGridView").scrollTop); /*IE5+ only*/
z-index: 10;
border:solid 1px #cccccc;  
	}
.hidden
{
	display: none;
}
.list40
{
	width:40px;
	}
.calender{background: url(../../images/icon/date.gif);	border:0px solid #666666;height:17px;width:16px;color:#000000;cursor: hand;}

.SmartGrid
{
	/*BackColor="White" BorderColor="#cccccc" BorderStyle="solid" BorderWidth="1px" CellPadding="3" Width="100%"*/
	background-color:White;
	border:solid 1px #cccccc;
	width:100%;
	
	}
.SmartGridToolBar
{
	background-color: whitesmoke;
	color:Red;
	font-weight: bold;
border:solid 1px  #cccccc;
	margin-right:0px;
	/*position:relative;*/
	/*top: expression(document.getElementById("div-SmartGridView").scrollTop); */
	}
.SmartGridCheckBox label
{
	font-weight:normal;
	color:Gray;
	}
div #div-NoData
{
	height:30px;
	width:100%;
	  background-color:lightgoldenrodyellow;
	  border:solid 1px #cccccc;
	   font-weight:bolder;
	  padding-top:5px;
	  text-align:center;
	}
/******************************************************************

/* Div container to wrap the datagrid */
div#div-SmartGridView 
{
width: 100%;
/*height:100%;*/
 /*overflow-x:scroll;*/
 /*overflow:scroll;*/
}

/* Locks table header */
th
{
/*position:relative;*/
background-color:whitesmoke;
/*top: expression(document.getElementById("div-SmartGridView").scrollTop); */
z-index: 10;
border:solid 1px #cccccc;	
}
.dividDivStyle
{
background-color:whitesmoke; border:solid 1px #CCCCCC; height:18px;
}
.maintitle
{	
	background-color: whitesmoke;
	width: 100%;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	margin-bottom:5px;
}
/***************************************************************************/

div#page1
{
  font-size:15px;
  font-weight:bolder;
	}
div#page1 th
{
	font-size:13px;
	font-weight:bolder;
	
}
div#page1 td
{
	font-size:13px;
}
div#page1 table
{
	width:7.5cm;
	
	}
	
.Title
{
	font-size:13px;
	font-weight:bolder;
	background-color: whitesmoke;
	height:25px;
	border:solid 1px #cccccc;
	
}
.DisabledStyle
{
	background-color: whitesmoke;
	border:solid 1px #999999;
	color:Black;
	}
td input
{
	border:solid 1px #7F9DB9; 
	
	}
	
.color_dd_batch_win {
	background-color: #FF99FF;
}

.color_dd_batch_lose {
	background-color: #99FFFF;
}


.color_task_init{
   background-color:#FFFFC0;
}
.color_task_back{
   background-color:#FF80FF;
}
.color_task_wait{
   background-color:#99FFFF;
}
.color_task_confirm{
   background-color:#FF8000;
}
.color_task_finish{
   background-color:#8080FF;
}
.color_task_cancel{
   background-color:#FF9999;
}
.color_terminal{
   background-color:#cccccc;
}

.color_dd_interface {
	background-color: #ff6666;
}

.color_task_delivertime_out
{
	background-color: #FFD700;
}

.color_task_alarmtime_out
{
	background-color: #ffcccc;
}

.TD_120_Px
{
	 width:120px;
}

.TD_80_Px
{
	 width:80px;
}

.TD_100_Px
{
	 width:100px;
}

div#AlertDiv
{
	margin:0.5em;
	padding: 1em; 
	border-color: #c00;
	border-style:double;
	text-align: left;
	background-color:#fcc;
	display:none;
	}
div#InfoDiv
{
	margin:0.5em;
	padding: 0.5em; 
	border:1px solid yellow;
	text-align: left;
	font-size:14px;
	background-color: #ffffce;
	display:none;
	}
div#InfoDiv p{margin:0;
	padding: 0; 
	}

span#AlertMessageTitle
{
	font-weight:bold;
	font-size:140%;
	border-bottom: 1px solid #c00;
	width:100%;
	}
.disable
{
	border: 1px solid #666;
	background-color:#aaa;	
}
div.UpdateProgressPanel
{
	/*position:fixed; */

    z-index:1001; 
    
    
	left: 40%; 
	top: 40%;
	position: absolute; 
	width: 200px;
	padding: 12px; 
	border: Green 1px solid;
	background-color: #afa;
	text-align: center;
	font-size:140%;
/*
visibility: hidden;
z-index: 99;
*/
}	
div#UpdateProgressBackground {
    position:absolute; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    width:1000px;
    height:700px;
    background-color:#aaa; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

